<style>
    .ui-menu { position: absolute; width: auto; }
</style>
<script>
    $(function() {
        $("#bt-profile")
                .button()
                .click(function() {
                    location.href = '<?php echo base_url(); ?>sinhvien';
                })
                .next()

                .button({
                    text: false,
                    icons: {
                        primary: "ui-icon-triangle-1-s"
                    }
                })
                .click(function() {
                    var menu = $(this).parent().next().show().position({
                        my: "left top",
                        at: "left bottom",
                        of: this
                    });
                    $(document).one("click", function() {
                        menu.hide();
                    });
                    return false;
                })
                .parent()
                .buttonset()
                .next()
                .hide()
                .menu();
    });
    $(document).ready(function() {
        $(".img-logo").click(function() {
            window.location.href = '<?php echo base_url(); ?>sinhvien';
        });
    });
</script>

<div class='banner-top'>
    <div id="logo">
        <img src="<?php echo base_url(); ?>public/img/logo.png" class="img-logo"> 
    </div>
    <div style="float: left ;text-align: center;margin-left: 30px" >
        <br>

        <h2>HỆ THỐNG CÔNG TÁC SINH VIÊN HỆ ĐÀO TẠO TỪ XA</h2>
    </div>
    <div class="toplink">
        <div>            
            <button id="bt-profile"><?php echo $user['HoTen_SV']; ?></button>
            <button id="thongbao">Thông báo</button>
        </div>
        <ul>
            <li><a href="<?php echo base_url(); ?>user/DangXuat">Đăng xuất</a></li>
            <li><a href="<?php echo base_url(); ?>user/DoiMatKhau">Thay đổi mật khậu</a></li>
           <!-- <li><a href="<?php echo base_url(); ?>user/Thoat">Thoát</a></li>-->
        </ul>

    </div>
</div>